{% extends "AcmeDemoBundle::employee.html.twig" %} {% block javascript
%}
<link rel="stylesheet" type="text/css"
	href="{{ asset('bundles/acmedemo/css/default/easyui.css') }}" />
<link rel="stylesheet" type="text/css"
	href="{{ asset('bundles/acmedemo/css/icon.css') }}" />
<script type="text/javascript"
	src="{{ asset('bundles/acmedemo/js/jquery.easyui.min.js') }}"></script>


<script type="text/javascript">

    $(document).ready(function() {
		var temp = true;
		 
		$("#addButton").click(function() {
			window.location.href = "{{ path('acme_NhanVien_input') }}";
        });
		
		$("#success").click(function() {
			$("#success").hide();
        });
		
		
		$(document).ajaxSuccess(function() {
			if(temp) {
			 $('#hoten').val("{{filter.hoten}}");
			 $('#chucvu').val("{{filter.chucvuid}}");  
	         $('#phongban').val("{{filter.phongbanid}}");  
	         $('#trinhdo').val("{{filter.trinhdoid}}"); 
	         $('#lydo').val("{{filter.lydoid}}");
			 loadGird();
			}
			temp = false;
		});
	});
	
	function edit(id){
		$("#form").attr("action", "{{ path('acme_NhanVien_detail') }}" + "/" + id);
        $("#form").submit();
	}
    function del(id){
    	$("#form").attr("action", "{{ path('acme_NhanVien_del') }}" + "/" + id);
        $("#form").submit();
    }
    function loadGird(){
    	
    	 $('#tt').datagrid('load',{  
             hoten: $('#hoten').val(),
             chucvu: $('#chucvu').val(),  
             phongban: $('#phongban').val(),  
             trinhdo: $('#trinhdo').val(),  
             lydo: $('#lydo').val()
         });  
    }
    function doSearch(){  
    	loadGird();
    }  
    function editGrid(val,row){
    	return '<a class="edit_icon" style="cursor: pointer;" onclick="edit('+val+')" title="Sửa"></a>'; 
    	 
    }
    function delGrid(val,row){
    	return '<a class="delete_icon" style="cursor: pointer;" onclick="del('+val+')" title="Xóa"></a>';
    }
</script>
<style type="text/css">
.fixedContainer .fixedHead table {
	min-width: 1500px !important;
}

.fixedContainer .fixedTable table {
	min-width: 1500px !important;
}
</style>
{% endblock %} {% block content %}
<form id="form" method="post">
	<div class="grid_16">
		<!-- TABS START -->
		<div id="tabs">
			<div class="container">
				<ul>
					<li><a href="{{ path('acme_NhanVien_list') }}" class="current"><span>Danh
								sách nhân viên</span></a></li>

					<li><a href="{{ path('acme_NhanVien_input') }}"><span>Thêm
								nhân viên</span></a></li>
				</ul>
			</div>
		</div>
		<!-- TABS END -->
	</div>
	<div class="grid_16" id="content">

		<div class="grid_9">
			<h1 class="user">Danh sách Nhân viên</h1>
		</div>
		<div class="grid_15">



			<table width="100%">
				<tr>
					<td width="30%">Họ tên<br> <input class="smallInput"
						name="hoten" id="hoten" type="text">
					</td>
					<td width="40%">Phòng ban <br><select id="phongban" name="phongban">


							<option value="" selected="selected">Tất cả</option> {% for
							phongban in lstphongban %}
							<option value="{{phongban.id}}">{{phongban.ten}}</option> {%
							endfor %}


					</select>
					</td>
					<td width="30%">Chức vụ <br><select id="chucvu" name="chucvu">


							<option value="" selected="selected">Tất cả</option> {% for
							chucvu in lstchucvu %}
							<option value="{{chucvu.id}}">{{chucvu.ten}}</option> {% endfor
							%}


					</select>
					</td>
				</tr>
				<tr>
					<td>Trình độ <br><select id="trinhdo" name="trinhdo">



							<option value="" selected="selected">Tất cả</option> {% for
							trinhdo in lsttrinhdo %}
							<option value="{{trinhdo.id}}">{{trinhdo.ten}}</option> {% endfor
							%}


					</select>
					</td>
					<td>Bao gồm <br><select id="lydo" name="lydo">
							<option value="1" selected="selected">Nhân viên hiện tại</option>
							<option value="3" >Nhân viên đã nghỉ việc</option>
							<option value="2" >Tất cả</option>
					</select>
					</td>
					<td>&nbsp; <a id="search" style="margin-top: 5px;" onclick="doSearch()" class="button_grey_round"> <span>Tìm
								kiếm</span>
					</a>
					</td>
				</tr>
			</table>
		</div>

		{% if thongbao %}
		<div class="grid_15">
			<p id="success" class="info">
				<span class="info_inner">Cập nhật thành công !</span>
			</p>
		</div>
		{% endif %}

		<div class="grid_16">

			<table id="tt" class="easyui-datagrid" title="Danh sách nhân viên"
				style="width: 900px" rownumbers="true" pagination="true"
				data-options="rownumbers:true,singleSelect:true,url:'{{ path('acme_nhanvien_json') }}'">
				<thead data-options="frozen:true">
					<tr>
					     <th data-options="field:'id1',width:20" formatter="editGrid"></th>
					     <th data-options="field:'id2',width:20" formatter="delGrid"></th>
						<th data-options="field:'hoten',width:200">Họ tên</th>
					</tr>
				</thead>
				<thead>
					<tr>
						<th data-options="field:'diachi',width:400,align:'center'">Địa
							chỉ</th>
						<th data-options="field:'ngaysinh',width:90,align:'center'">Ngày
							sinh</th>
						<th data-options="field:'dienthoai',width:90,align:'center'">Điện
							thoại</th>
						<th data-options="field:'phongban',width:90,align:'center'">Phòng
							ban</th>
						<th data-options="field:'chucvu',width:90,align:'center'">Chức
							vụ</th>
						<th data-options="field:'ngayvaolam',width:90,align:'center'">Ngày
							vào làm</th>
						<th data-options="field:'ngayvaodang',width:90,align:'center'">Ngày
							vào đảng</th>
						<th data-options="field:'trinhdo',width:90,align:'center'">Trình
							độ</th>
						<th data-options="field:'mucluong',width:50,align:'center'">Mức
							lương</th>
						<th data-options="field:'hesoluongcv',width:50,align:'center'">Hệ
							số lương cv</th>
						<th data-options="field:'tinhbaohiem',width:50,align:'center'">Tính
							bảo hiểm</th>
						<th data-options="field:'tinhantrua',width:50,align:'center'">Tính
							ăn trưa</th>
						<th data-options="field:'tienphucap',width:90,align:'center'">Tiền
							phụ cấp</th>
							<th data-options="field:'lg',width:90,align:'center'">Phần trăm lg
                            phụ cấp</th>
                            <th data-options="field:'giamtrugiacanh',width:90,align:'center'">Giảm trừ gia cảnh
                            phụ cấp</th>
					</tr>
				</thead>
			</table>
	    
			

		</div>

	</div>
</form>
{% endblock %}
